<div nz-row [nzGutter]="24">
  <div nz-col class="gutter-row" [nzSpan]="6"><div class="inner-box">

    <nz-card  nzTitle="我的待办" [nzExtra]="extraTemplate">
      <p>Card content</p>
      <p>Card content</p>
      <p>Card content</p>
    </nz-card>
    <ng-template #extraTemplate>
      <a>更多</a>
    </ng-template>


  </div></div>
  <div nz-col class="gutter-row" [nzSpan]="6"><div class="inner-box">

    <nz-card  nzTitle="通知公告" [nzExtra]="extraTemplate">
      <nz-statistic
        [nzValue]="(11.28 | number: '1.0-2')"
        [nzTitle]="'Active'"
        [nzPrefix]="prefixTplOne"
        [nzSuffix]="'%'"
        [nzValueStyle]="{ color: '#3F8600' }"
      >
      </nz-statistic>
      <ng-template #prefixTplOne><i nz-icon nzType="arrow-up"></i></ng-template>
    </nz-card>
    <ng-template #extraTemplate>
      <a>更多</a>
    </ng-template>

  </div></div>
  <div nz-col class="gutter-row" [nzSpan]="6"><div class="inner-box">

    <nz-card  nzTitle="我的考勤" [nzExtra]="extraTemplate">


      <nz-timeline nzMode="alternate">
        <nz-timeline-item>正常 2021-05-17</nz-timeline-item>
        <nz-timeline-item nzColor="green">正常 2021-05-18</nz-timeline-item>
        <nz-timeline-item [nzDot]="dotTemplate"
        ></nz-timeline-item
        >
        <nz-timeline-item nzColor="red">旷工 2021-05-19</nz-timeline-item>
        <nz-timeline-item>正常 2021-05-20</nz-timeline-item>
        <nz-timeline-item [nzDot]="dotTemplate">正常 2021-05-21</nz-timeline-item>
      </nz-timeline>
      <ng-template #dotTemplate>
        <i nz-icon nzType="clock-circle-o" style="font-size: 16px;"></i>
      </ng-template>



    </nz-card>
    <ng-template #extraTemplate>
      <a>更多</a>
    </ng-template>


  </div></div>
  <div nz-col class="gutter-row" [nzSpan]="6"><div class="inner-box">



    <nz-card  nzTitle="我的会议" [nzExtra]="extraTemplate">
      <p>Card content</p>
      <p>Card content</p>
      <p>Card content</p>
    </nz-card>
    <ng-template #extraTemplate>
      <a>更多</a>
    </ng-template>




  </div></div>
</div>


<nz-divider nzOrientation="left" nzText="资金监控"></nz-divider>
<div nz-row [nzGutter]="24">
  <div nz-col class="gutter-row" [nzSpan]="24"><div class="inner-box">



    <app-capital></app-capital>


  </div></div>
  <!--<div nz-col class="gutter-row" [nzSpan]="12"><div class="inner-box">col-6</div></div>-->

</div>



<div nz-row [nzGutter]="24">
  <div nz-col class="gutter-row" [nzSpan]="12"><div class="inner-box">



    <app-barchart ></app-barchart>


  </div></div>
  <!--<div nz-col class="gutter-row" [nzSpan]="12"><div class="inner-box">col-6</div></div>-->

</div>
